<template>
  <div class="recommend">
    <!-- 轮播图部分 -->
    <!-- 轮播图 -->
    <van-swipe
      style="margin-top: 20px"
      class="my-swipe"
      :autoplay="3000"
      indicator-color="white"
    >
      <van-swipe-item>1</van-swipe-item>
      <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item>
    </van-swipe>

    <!-- 内容部分 -->
    <div class="content">
      <div class="icons">
        <div>
          <van-image
            width="40"
            height="40"
            :round="true"
            src="https://img01.yzcdn.cn/vant/cat.jpeg"
          ></van-image>
          <span>小迪播报</span>
        </div>
        <van-button round type="default" color="#3333" size="small"
          >关注</van-button
        >
      </div>
      <div class="intr">
        <p>比亚迪全新ATTO 3 在新加坡上市 助力新加坡打造绿色“花园城市”</p>
      </div>
      <div class="imgWrapper">
        <van-image
          width="100%"
          height="100%"
          fit="contain"
          src="https://img01.yzcdn.cn/vant/cat.jpeg"
        />
      </div>
      <div class="viewpoint">
        <span class="hour">18小时前</span>
        <div>
          <div class="eye">
            <van-icon name="eye-o"></van-icon>
            <span>1.1万</span>
          </div>
          <div class="message">
            <van-icon name="comment-o"></van-icon>
            <span>123</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import "../../assets/css/recommend.scss";
export default {};
</script>

<style lang="scss" scoped src=""></style>
